@charset "gb2312";
/* CSS Document */

@media screen and (max-width:1200px){
	.wrap{ width:96%}
	.header-top .wrap{ width:100%}
	.logo{ padding-left:2%}
	.baner_box,.n_baner{ width:100%}
	.n_baner{ margin:0}
	.flexslider .slides img{ width:100%; height:auto; display:block}
	.flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{opacity:1!important;filter:alpha(opacity=100)!important;}
	.flex-direction-nav .flex-next{ right:3%!important}
	.flex-direction-nav .flex-prev{ left:3%!important}
	.nmain .message-con{padding:5% 10%}
	.message-con-1 .tit{ width:25%; margin-right:3%}
	.message-con-2 .tit{width:12%; margin-right:2%}
	.message-con-2 textarea{ width:80.5%; padding:2%}
	.message-con-2 .submint-m:first-child{ margin-left:14%}
	.footer-top .left{ width:73%}
	.footer-top .right{ width:25%}
	
}
@media screen and (max-width:1024px){
	.header{ height:60px !important; border-top:1px solid #eee}
	.logo{padding-top: 10px;}
	.logo img{ height:40px}
	.header-down{ display:none}
	.menu{ display:none}
	.m-menubtn{ display:block}
	.baner{ margin-top:60px;}
	.i-productlist .next,.i-productlist .prev{opacity:1;filter:(opacity=100); z-index:99}
	.i-productlist .next{right:0}
	.i-productlist .prev{left:0}
	.i-productlist_1 .next, .i-productlist_1 .prev{opacity:1;filter:(opacity=100); z-index:99}
	.i-productlist_1 .next{ right:0}
	.i-productlist_1 .prev{left:0}
	/**/
	.nbanner{ height:280px;}
	.nbanner .wrap{ height:280px}
	.nbanner .wrap .nbanner-tit{ opacity:1; filter:alpha(opacity=100); left:1%}
	.nmain .content .tit-box h2{ font-size:30px;}
	.nmain .content .tit-box .en{ font-size:18px;}
	.nnav-sec .nnav-sec-ul{ display:none}
	.nmain .content .tit-box .m-sec{ display:block; width:100px; position:relative; z-index:999}
	.nmain .content .tit-box .m-sec h3{ padding:10px 0}
	.nmain .content .tit-box .m-sec i{ background:url(../images/menu_list1.png) no-repeat; width:15px; height:15px; display:block; position:absolute; right:0;top:13px; background-size:15px 15px;}
	.nmain .content .tit-box .m-sec ul{ display:none;background:#fff;}
	.nmain .content .tit-box .m-sec li{ float:none; border-right:none; border-bottom:1px solid #eee}
	.nmain .content .tit-box .m-sec li a{ padding:5px 5px; font-size:13px;}
	.nmain .content .tit-box .m-sec li a:hover{color:#fff; background:#0f4cbf}
	
	.prolist-d .prolist-d-top .tit{ padding:0 3%}
	.prolist-d .prolist-d-bot{ padding:3%; margin-top:3%}
	
	.contact .map{ position:static; margin-top:2%}
	.contact .map > div{ width:100% !important; box-sizing:border-box;-webkit-box-sizing:border-box;}
	.footer-nav li:nth-child(5){ display:none}
	.footer-nav li{ max-width:16%}
	.yb_conct{ display:none}
}
@media screen and (max-width:768px){
	/**/
	.i-about .left, .i-about .right{ width:100%}
	.i-about .left .text .title, .i-about .right .text .title{ font-size:30px;padding-bottom: 25px;}
	.title_i{ font-size:20px; font-weight:bold; padding-bottom:15px}
	.i-caselist ul{ margin-right:-2%}
	.i-caselist li{ width:48%; margin-right:2%; margin-bottom:2%; margin-bottom:3%}
	.i-caselist li:nth-child(3),.i-caselist li:nth-child(4){ margin-bottom:0}
	.i-custumerlist .bd ul li{ height:65px}
	/**/
	.nbanner .wrap .nbanner-tit{ width:80%}
	.nbanner .wrap .nbanner-tit .nbanner-tit-t, .nbanner .wrap .nbanner-tit-1 .nbanner-tit-t{ font-size:25px}
	.nmain .content .nabout .about-img{ float:none; margin:0 auto 10px}
	.horlist li{ width:48%; margin-bottom:3%; margin-right:0}
	/**/
	.newslist li{ width:48%}
	.nmain .content .tit-box h2.p-tit{ font-size:20px; text-align:center;}
	.prolist ul{ margin-right:-2%}
	.prolist li{ margin-right:2%; width:31.3%}
	.prolist-d .prolist-d-top .pic{ width:100%}
	.prolist-d .prolist-d-top .tit{ width:100%; padding-bottom:2%}
	.prolist-d .prolist-d-top .tit h3{ font-size:16px}
	.caselist li{ width:48%}
	
	.hrlist-box{ width:80%;padding:3%; margin-left:0; left:7%}
	.servicelist li{ width:100%; float:none; margin-bottom:3%; box-sizing:border-box;-webkit-box-sizing:border-box;}
	.servicelist li .imgbox{ width:30%; float:left; margin-right:3%}
	.servicelist li h3{ text-align:left; padding-top:0}
	.downlist li{ width:48%}
	.message-con-1{ width:100%}
	.message-con-1 .tit{width:20%; margin-right:2%}
	.message-con-2 .tit{width:20%; margin-right:2%}
	.message-con-2 textarea{ width:65%;}
	.message-con-3{ text-align:center}
	.message-con-2 .submint-m:first-child{ margin-left:0}
	.message-con-2 .input-m{width:65%; padding:2%}
	/**/
	.footer{ padding-top:10px;}
	.footer-top .left{ width:100%}
	.footer-nav{ margin-left:0}
	.footer-top .right{ width:100%; padding-bottom:20px}
	.footer-nav li{max-width:100%;width:100%;min-height:auto;float:none; background:none; border-bottom:1px solid #3d3c3c;padding:0;}
	.footer-nav li h3{ margin-bottom:0; color:#ccc;padding-top:10px; padding-bottom:10px;}
	.footer-nav li .erji-nav{ display:none; padding-bottom:10px}
	.footer-nav li p{ width:20%; float:left}
	.footer-bot{ line-height:26px; padding-top:10px; text-align:center}
	.footer-bot p{ display:inline;}
	.footer-bot p:first-child{ float:none}
	.footer-bot p:nth-child(2){ float:none}
}
@media screen and (max-width:640px){
	/**/
	.i-case .jianj{ display:none}
	.nbanner{ height:220px; background-size:cover !important}
	.nbanner .wrap{ height:220px}
	.nbanner .wrap .nbanner-tit .nbanner-tit-t, .nbanner .wrap .nbanner-tit-1 .nbanner-tit-t{ font-size:18px}
	.newslist li{ width:98%; margin-bottom:3%}
	.prolist li{ margin-right:2%; width:98%;margin-bottom:3%}
	.caselist li{ width:98%;margin-bottom:3%}
	.servicelist li .imgbox{ width:60%; float:none; margin:0 auto}
	.servicelist li h3{ text-align:center}
	.nmain .message-con{ padding:5% 5%}
	.message-con-1 .input-m,.message-con-2 textarea,.message-con-2 .input-m{ width:60%}
}
@media screen and (max-width:480px){
	.servicelist li .imgbox{ width:80%}
	.downlist li{ width:98%}
	.horlist li{ width:98%}
	/*.i-caselist li{ width:98%}
	.i-caselist li:last-child{ margin-bottom:0}*/
	.i-custumerlist .bd ul li{ height:50px}
}